<template>
  <div>
    <el-form size="mini" :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="开始截止日期">
        <el-date-picker
          v-model="formInline.region"
          type="datetimerange"
          :picker-options="pickerOptions"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          align="right"
        ></el-date-picker>
      </el-form-item>
      <el-form-item label="出库院区">
        <el-select v-model="formInline.region">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="病区">
        <el-select v-model="formInline.region">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="血液大类">
        <el-select v-model="formInline.region">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="出库科室">
        <el-select v-model="formInline.region">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
    <el-form size="mini" :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="类别">
        <el-select v-model="formInline.region">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="不显示列">
        <el-select v-model="formInline.region">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary">导出EXCEL</el-button>
        <el-button type="primary">纵向打印</el-button>
        <el-button type="primary">打印</el-button>
        <el-button type="primary">查询</el-button>
      </el-form-item>
    </el-form>
    <el-tabs type="border-card">
      <el-tab-pane label="科室用血明细">
          <orgYX></orgYX>
      </el-tab-pane>
      <el-tab-pane label="鉴定明细"></el-tab-pane>
      <el-tab-pane label="配血明细"></el-tab-pane>
      <el-tab-pane label="发血明细"></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
const orgYX = () => import('@/components/orgBloodStatistics/orgYX')
export default {
  data() {
    return {
      formInline: {
        user: "",
        region: "",
      },
      pickerOptions: {
        shortcuts: [
          {
            text: "最近一周",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近一个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit("pick", [start, end]);
            },
          },
          {
            text: "最近三个月",
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit("pick", [start, end]);
            },
          },
        ],
      },
    };
  },
  components:{
      "orgYX":orgYX
  }
};
</script>
<style lang="less" scoped>
.el-form{
  height: 35px;
}
</style>